<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.css" />
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/acshenzhen/css/doc.css" />-->
<script type="text/javascript" src="__PUBLIC__/acshenzhen/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.js"></script>
<script type="text/javascript">window.boost = $.noConflict(true);</script>
<style>
html { font-size: 20px; }

@media only screen and (min-width: 320px) {
html { font-size: 17.06666666px !important; }
}

@media only screen and (min-width: 375px) {
html { font-size: 20px !important; }
}

@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}

@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}

@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
/*public*/
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body { font-size: 62.5%; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none!important }
.bg-no { background-color: transparent!important; border: none!important; }
.p-no { padding: 0!important; }
.m-no { margin: 0!important; }
.b-no { border: none!important; }
.text-center { text-align: center }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.f-2x { font-size: 0.75rem!important; }
.f-1x { font-size: 0.65rem!important; }
.fw-bold { font-weight: bold!important; }
.wrap { position: fixed; left: 0; bottom: 0; right: 0; top: 0; min-height: 100vh; background: url(../images/bg.png) bottom center no-repeat; background-attachment: fixed; background-size: cover; z-index: -2; }
/*thumb*/
.thumb-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
/*bg*/
.bg-light-blue { background-color: #A6EDEF }
.bg-blue { background-color: #59BFFD }
.bg-grey { background-color: #f5f5f5; }
.bg-white { background-color: #fff; }
/*user-info*/
.blend-picture.result { width: 53.8rem; height: 41.8rem; }
.user h4.title { margin-top: 3rem; margin-bottom: 1rem; }
.user .blend-card { width: 45rem; margin: 0 auto; }
.user .blend-card-img-view { width: 12.5rem; height: 12.5rem; float: left; }
.user .blend-card-content-view { min-height: 12rem; max-height: none!important; overflow: visible!important }
.user .blend-card-text { min-height: 2.6rem; overflow: inherit!important }
.user-info { height: 10rem; color: #fff; position: relative; }
.user-info .blend-picture-circle img { width: 3.45rem; height: 3.45rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 0.15rem solid #ADDFFE;overflow: hidden; }
.user-info .blend-picture { margin: 0 auto!important; padding-top: 1.5rem; }
/*.user-info .blend-card-text { font-size: 2.6rem; color: #8A8A8A; }*/
.user-info figcaption h4, .user-info figcaption p { margin: 0; color: #fff; }
/*.user-info figcaption h4 { margin-bottom: 1rem; }*/
.user-info .bar { width: 100%; display: block; position: absolute; bottom: 0.25rem; }
.user-info .bar .info-bar { width: 17rem; height: 0.5rem; margin: 0 auto; background-color: #2AAEEC; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; }
.user-form form { position: relative; width: 16rem; margin: 0 auto; margin-bottom: 2rem; padding: 1.25rem 1.25rem; margin-top: -0.5rem; -moz-border-radius-bottomleft: 0.8rem; -moz-border-radius-bottomright: 0.8rem; border-bottom-left-radius: 0.8rem; -webkit-border-bottom-left-radius: 0.8rem; -webkit-border-bottom-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; -moz-box-shadow: 0 0 0.5rem rgba(171,139,110,.38); -webkit-box-shadow: 0 0 0.5rem rgba(171,139,110,.38); box-shadow: 0 0 0.5rem rgba(171,139,110,.38); }
.user-form .blend-formgroup-label { color: #000; font-weight: bold; width: 3.4rem; height: 1.6rem; line-height: 1.6rem; padding-left: 0.4rem; font-size: 0.65rem }
.user-form .blend-formgroup { margin-bottom: 0.625rem }
.user-form input, .user-form select { border: 1px solid #f5f5f5; height: 1.6rem; line-height: 1.6rem; padding: 0 0.25rem; font-size: 0.65rem }
.user-form .tips { color: #8A8A8A; }
.user-form .submit { margin: 0.6rem auto; }
/*button*/
.blend-button-yellow { background-color: #FDA93F; font-size: 0.75rem; color: #fff; height: 2.25rem; line-height: 2.25rem; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; }
.blend-button-yellow:hover, .blend-button-yellow:active { color: #fff; }
</style>
</head>
<body class="bg-grey">
<div class="user-info bg-blue">
	<figure class="blend-picture blend-picture-default blend-picture-circle" style="margin:0;"> <a calss="picture-link"> <img src="{$avatar}"> </a>
		<figcaption class="blend-picture-title blend-picture-title-default">
			<h4 class="f-2x">
                            <notempty name='member_info'>
                                {$member_info.name}
                                <else/>
                                用户
                            </notempty>
                            </h4>
			<p class="f-1x">你还没有考试过</p>
		</figcaption>
	</figure>
	<div class="bar">
		<div class="info-bar"></div>
	</div>
</div>
<div class="user-form">
	<form action="{:U('M/Acshiyaoju/exam_enter_for_app')}" method="post"  class="bg-white clearfix" id="form_submit">
		<div class="blend-formgroup">
			<label class="blend-formgroup-label f-2x">学校</label>
                        <select id="school" class="blend-formgroup-select" name="school" required="required">
				<volist name='schools' id='vo'>
                                    <option value="{$vo.id}">{$vo.name}</option>
                                </volist>
			</select>
			
		
		</div>
            <div class="blend-formgroup">
			<label class="blend-formgroup-label f-2x">年级</label>
			<select id="grade_id" class="blend-formgroup-select" name="grade_id" required="required">
				<option value="1">一年级</option>
				<option value="2">二年级</option>
				<option value="3">三年级</option>
				<option value="4">四年级</option>
				<option value="5">五年级</option>
				<option value="6">六年级</option>
			</select>
		</div>
		<div class="blend-formgroup">
			<label class="blend-formgroup-label f-2x">班级</label>
			<select id="class_id" class="blend-formgroup-select" name="class_id" required="required">
				<option value="1">一班</option>
				<option value="2">二班</option>
				<option value="3">三班</option>
				<option value="4">四班</option>
				<option value="5">五班</option>
				<option value="6">六班</option>
				<option value="7">七班</option>
				<option value="8">八班</option>
				<option value="9">九班</option>
				
			</select>
		</div>
		
		<div class="blend-formgroup">
			<label class="blend-formgroup-label f-2x">姓名</label>
                <input type="text" class="blend-formgroup-input" value="{$member_info.name}" name="name" id="name"/>
		</div>
                <input id="mid" type="text" name="mid" value="{$mid}" hidden="hidden" />
		<input id="grade_name" type="text" name="grade" value="一年级" hidden="hidden" />
		<input id="class_name" type="text" name="class" value="一班" hidden="hidden" />
		<input type="text" name="schoolid" value="{$schoolid}" hidden="hidden"/>
		<button id="learnit" class="submit blend-button blend-button-yellow blend-button-large" type="button">开始考试</button>
		<div class="tips f-1x">温馨提示：一共20道选择题，每道题5分，考试时间不限。</div>
            <a href="{:U('exam_learn_app',array('schoolid'=>$schoolid,'mid' => $mid))}" class="submit blend-button blend-button-yellow blend-button-large">磨刀不误砍柴工,先来学习呗</a>
	</form>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$("#grade_id").bind('change',function(){
		var grade_name = $(this).find("option:selected").text();
//		 alert(grade_name);
		$("#grade_name").val(grade_name);
	});
	$("#class_id").bind('change',function(){
		var class_name = $(this).find("option:selected").text();
//		 alert(class_name);
		$("#class_name").val(class_name);
	});
        
        $("#learnit").click(function(){
            var name = $("#name").val();
            
            if(name=="" || name==null)
            {
                alert("请填写姓名");
                return false;
            }
            else
            {
                $("#form_submit").submit();
            }
        });
        
});
</script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
    debug: false,
    appId: '{$signPackage["appId"]}',
    timestamp: {$signPackage["timestamp"]},
    nonceStr: '{$signPackage["nonceStr"]}',
    signature: '{$signPackage["signature"]}',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'onMenuShareTimeline',
      'onMenuShareAppMessage'
    ]
});


wx.ready(function () {
// 在这里调用 API
    wx.onMenuShareTimeline({
        title: '“深圳食品小卫士”大比拼，一大波萌娃究竟花落谁家', // 分享标题
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数，生成红包
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    
    wx.onMenuShareAppMessage({
        title: '“深圳食品小卫士”大比拼，一大波萌娃究竟花落谁家', // 分享标题
        desc: '众测天下召集食品安全小卫士啦，一起参与领奖品', // 分享描述
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });

});



</script>
</body>
</html>